<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="static/css/reset.css">
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/teacher-vitae.css" />
    <title>我的简历</title>
</head>

<body>
    <div class="heading">
        <div class="phone">全国热线 : 400-200-300</div>
        <div class="is-login">
            <img src="static/img/teacher-heading.png" alt="">
            <span class="name">linhanyueV1</span>
            <span>退出登录</span>
        </div>
    </div>
    <div class="banner">
        <div class="banner-contain w12">
            <div class="item">
                <p>
                    <span>实力教学团队</span>
                    <br>
                    <span>打造最适合学生的教学</span>
                </p>
            </div>
            <div class="item">
                <p>
                    <span>分层次一对一教学</span>
                    <br>
                    <span>满足不同程度学生需求</span>
                </p>
            </div>
            <div class="item">
                <p>
                    <span>分科全面</span>
                    <br>
                    <span>针对性的对学生进行辅导</span>
                </p>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="nav-contain w12">
            <div class="nav-item">首页</div>
            <div class="nav-item">找家教</div>
            <div class="nav-item">做家教</div>
            <div class="nav-item">教员库</div>
            <div class="nav-item">家教小班</div>
            <div class="nav-item">专业老师</div>
            <div class="nav-item">大学生家教</div>
            <div class="nav-item">请家教信息</div>
            <div class="nav-item">家教课堂</div>
        </div>
    </div>
    <div class="center-wrapper">
        <div class="center-contain w12">
            <div class="center-contain-left">
                <div class="center-nav-title">
                    <p>PERSONAL CENTER</p>
                    <p>个人中心</p>
                </div>
                <ul>
                    <li>会员中心</li>
                    <li>账户充值</li>
                    <li>交易明细</li>
                    <li>预约查询</li>
                    <li class="active">我的简历</li>
                    <li>密码修改</li>
                    <li>我的学生</li>
                    <li>身份认证</li>
                </ul>
            </div>
            <div class="center-contain-right">
                <div class="center-contain-right-title">我的简历</div>
                <div class="small-title">基本资料编辑</div>
                <img src="static/img/teacher-heading.png" alt="">
                <p class="name">周鑫</p>
                <div class="base-info">
                    <div class="base-item">编号 : TOO1235</div>
                    <div class="base-item">性别 : 女</div>
                    <div class="base-item tr">出生年月 : 1993.02</div>
                    <div class="base-item">证件编号 : 320320199107028888</div>
                </div>
                <div class="vitae-item">
                    <select name="" id="">
                        <option value="">所在城市 : 如 : 南京</option>
                    </select>
                </div>
                <div class="vitae-item">
                    <select name="" id="">
                        <option value="">目前简历 : 如 : 本科</option>
                    </select>
                </div>
                <div class="vitae-item">
                    <select name="" id="">
                        <option value="">目前学历 : 如 : 本科</option>
                    </select>
                </div>
                <div class="vitae-item experience">
                    <input type="text" placeholder="家教经验"><span>年</span>
                </div>
                <div class="vitae-item">
                    <input type="text" placeholder="就读/毕业院校">
                </div>
                <div class="vitae-item">
                    <input type="text" placeholder="最后任职学校">
                    <div class="tip">!仅为专业老师填写，以聘书为准，此项将严格保密，不对外公布</div>
                </div>
                <div class="vitae-item">
                    <input type="text" placeholder="教师职称等级">
                    <div class="tip">!仅为专业老师填写</div>
                </div>
                <div class="vitae-item">
                    <input type="text" placeholder="可授科目">
                    <div class="tip">!可填写多个，用分号隔开</div>
                </div>
                <div class="small-title">联系资料编辑</div>
                <div class="vitae-item">
                    <input type="text" placeholder="现住地址">
                </div>
                <div class="vitae-item">
                    <input type="text" placeholder="手机号">
                </div>
                <div class="vitae-item">
                    <input type="text" placeholder="QQ号">
                </div>
                <div class="vitae-item">
                    <input type="text" placeholder="微信号">
                </div>
                <div class="vitae-item">
                    <input type="text" placeholder="邮箱地址">
                </div>
                <div class="small-title">家教资料编辑</div>
                <div class="subject">可授科目 :</div>
                <div class="subject-wrapper">
                    <div class="area-item active">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                    <div class="area-item">小学数学</div>
                </div>
                <div class="subject-normal">可授区域 :</div>
                <div class="area-wrapper">
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 玄武区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 秦淮区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 建邺区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 鼓楼区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 雨花台区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 浦口区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 栖霞区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 江宁区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 高淳区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 六合区 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 溧水区 </label>
                </div>
                <div class="vitae-item">
                    <textarea name="" placeholder="详细地址"></textarea>
                </div>
                <div class="subject-normal">授课方式 :</div>
                <div class="area-wrapper">
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 教员上门 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 学员上门 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 网络授课 </label>
                    <label>
                        <input name="Fruit" type="checkbox" value="" /> 协商 </label>
                </div>
                <div class="subject-normal">授课时间 :</div>
                <div class="complete-contain">
                    <div class="complete">
                        <input type="text" class="birthday" placeholder="选择年">
                        <input type="text" class="birthday" placeholder="选择月">
                    </div>
                </div>
                <div class="subject-normal">薪水要求 :</div>
                <div class="vitae-item experience">
                    <input type="text" placeholder="薪水要求"><span>元/小时</span>
                </div>
                <div class="subject-normal">经验描述 :</div>
                <div class="vitae-item">
                    <textarea name="" placeholder="经验描述"></textarea>
                    <div class="tip"> ! 建议您多多描述以前的家教教学经验和自我介绍，此为家长判断老师是否合适的重要项目内容哦<br>
                    注意：您不要在本栏填写您的联系方式，违者将直接删除账号ID
                    </div>
                </div>
                <button class="save-btn">确认提交</button>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="company-info">
            <div class="info-contain w12">
                <div class="info-link">
                    <span>首页</span>
                    <span>找家教</span>
                    <span>做家教</span>
                    <span>教员库</span>
                    <span>家教小班</span>
                    <span>专业老师</span>
                    <span>大学生家教</span>
                    <span>请家教信息</span>
                    <span>家教课堂</span>
                </div>
                <div class="info-link">反馈意见:123456@qq.com</div>
                <div class="info-link">客服电话:400-817-817</div>
                <div class="info-link">工作时间:周一至周五 9:00-19:00</div>
            </div>
        </div>
        <div class="copyright">
            Copyright © 1991-2018
        </div>
    </div>
</body>
<script src='static/js/jquery.js'></script>
<script>
    window.onload=function(){
        $('.area-item').click(function(){
            $('.area-item').removeClass('active')
        $(event.target).addClass('active')
        })
    }
</script>
<script src="js/common.js" type="text/javascript"></script>
</html>